﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录页面</title>
    <link href="css/login.css" rel="stylesheet" />
    <script src="../Scripts/jquery-1.8.2.min.js"></script>
    <script>

      $(function(){
	      var conH = $(document).height();
		  var mainH = conH-360;
		  $(".bg_head").css("height" , mainH/2);
		  $(window).resize(function(){
			  var conH = $(document).height();
		      var mainH = conH-360;
		      $(".bg_head").css("height" , mainH/2);
		  })
	  })	
  </script>
  <script> 
      function change_pic(){ 
	      var imgObj = document.getElementById("ok"); 
	      if(imgObj.getAttribute("src",2)=="img/check_no.png"){ 
	          imgObj.src = "img/check_yes.png";
	          $("[name=remember]").attr("checked","true")
	      }else{ 
	          imgObj.src = "img/check_no.png";
	          $("[name=remember]").removeAttr("checked");
	      } 
      } 
  </script> 
  <!--[if IE 6]>
  <script src="../js/DD_belatedPNG.js" type="text/javascript" ></script>
  <script> DD_belatedPNG.fix('div, ul, img, li, input ,logo,slideContainer, a');</script>
  <![endif]-->
</head>

<body>
  <div class="bg_head">
    <img src="img/login-logo.png" />
    <p>运营管理系统</p>
  </div>
  <div class="bg_middle">
    <img class="pic_middle" src="img/ba_middle.png" width="100%" height="360" />   
  </div>
  <div class="bg_foot">
    <p>Copyright&nbsp;&copy;&nbsp;2004-2014&nbsp;远传公司保留所有权利</p>
  </div>
    <form id="flogin" action="/sys/userLogin/login.do" fm-form="ajax" method="post">
        <div class="login_con">
            <div class="user_name">
                <span class="icon_name"><img src="img/icon_name.png" /></span>
                <span class="input_name">
                    <input type="text" placeholder="用户名@域名" value="" id="uname" name="loginName" fm-null="请填写正确的姓名" />
                </span>
            </div>
            <div class="user_pwd">
                <span class="icon_pwd"><img src="img/icon_pwd.png" /></span>
                <span class="input_pwd"><input type="password" placeholder="密码" value="" id="upwd" name="password" fm-null="请填写密码" /></span>
            </div>
            <div class="but_login">
                <!--<input type="checkbox" name="remember" value="1" style="display:none" />--><span class="login_but3"><a href="javascript:" id="btnlogin">登&nbsp;陆</a></span>
            </div>
        </div>
    </form>
    
    <script src="../plugIn/js/UtryJsLib.all.min.js"></script>
    <script>
        $(document).ready(function () {
            //登录表单
            $("#flogin").Form({
                success: function (data) {
                    if (data.flag) {
                        window.location.href = "franmeIndex.do";
                    } else {
                        alert(data.msg);
                    }
                },
                error: function (data) {
                    alert(data.msg);
                },
                offset: {top:-3,left:15}
            });
            //登录按钮
            $("#btnlogin").click(function () {
                $("#flogin").submit();
            });
            $(document).keydown(function (e) {
                if (e.keyCode == 13) {
                    $("#flogin").submit();
                }
            });

        });
    </script>
</body>
</html>
